<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../public/css/common.css">
    <link rel="stylesheet" href="css/userCenter.css">
    <link rel="stylesheet" href="../public/css/bootstrap.css">
    <link rel="stylesheet" href="../public/iconfont/iconfont.css">
    <style type="text/css">
        body {
            background: #fff;
        }
    </style>

    <title>用户中心</title>
</head>
<body>
<!--共用头部 head-->
<template data-src="../public/layout/header.html"></template>
<!--共用头部 head end-->

<div class="main">
    <div class="useSide">

    </div>
    <div class="top rel">
        <div class="welfare-area">
            <ul class="clearfix">
                <li><a><i class="icon iconfont">&#xe602;</i>兑换好物</a></li>
                <li><a><i class="icon iconfont">&#xe752;</i>优质低价</a></li>
            </ul>
            <ul class="clearfix">
                <li><a><i class="icon iconfont">&#xe6ea;</i>专享保险</a></li>
                <li><a><i class="icon iconfont">&#xe753;</i>员工福利贷</a></li>
            </ul>
        </div>
    </div>
    <div class="coupon-info">
        <h4>优惠券</h4>
        <ul class="coupon-list clearfix">
            <li><a class="color-blue">待使用(3)</a></li>
            <li><a>已使用(3)</a></li>
            <li><a>已转赠(3)</a></li>
            <li><a>已失效(3)</a></li>
        </ul>
        <!--待使用-->
        <div class="tab clearfix">
            <div>
                <img src="images/immediate.png" width="100%">
                <p class="coupon-type">1[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017.09.11-2017.09.18</p>
                <a class="btn-used">立即使用</a>
                <p class="clearfix">
                    <i class="icon iconfont">&#xe619;</i><span>可转赠</span>
                    <i class="icon iconfont fr icon-shang">&#xe643;</i>
                    <i class="icon iconfont fr icon-xia f-hide">&#xe607;</i>
                </p>
                <a class="btn-send f-hide"><i class="icon iconfont">&#xe619;</i>可转赠</a>
            </div>
            <div>
                <img src="images/immediate.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017.09.11-2017.09.18</p>
                <a class="btn-used">立即使用</a>
                <p class="clearfix">
                    <i class="icon iconfont">&#xe619;</i><span>可转赠</span>
                    <i class="icon iconfont fr icon-shang">&#xe643;</i>
                    <i class="icon iconfont fr icon-xia f-hide">&#xe607;</i>
                </p>
                <a class="btn-send f-hide"><i class="icon iconfont">&#xe619;</i>可转赠</a>
            </div>
            <div>
                <img src="images/immediate.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017.09.11-2017.09.18</p>
                <a class="btn-used">立即使用</a>
                <p class="clearfix">
                    <i class="icon iconfont">&#xe619;</i><span>可转赠</span>
                    <i class="icon iconfont fr icon-shang ">&#xe643;</i>
                    <i class="icon iconfont fr icon-xia f-hide">&#xe607;</i>
                </p>
                <a class="btn-send f-hide"><i class="icon iconfont">&#xe619;</i>可转赠</a>
            </div>
        </div>
        <!--已使用-->
        <div class="tab clearfix gray-text" style="display: none">
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/used.png" alt="">
            </div>
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/used.png" alt="">
            </div>
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/used.png" alt="">
            </div>
        </div>
        <!--已转赠-->
        <div class="tab clearfix gray-text" style="display: none">
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/gifted.png" alt="">
            </div>
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/gifted.png" alt="">
            </div>
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/gifted.png" alt="">
            </div>
        </div>
        <!--已失效-->
        <div class="tab clearfix gray-text" style="display: none">
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/lose-efficacy.png" alt="">
            </div>
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/lose-efficacy.png" alt="">
            </div>
            <div>
                <img src="images/already.png" width="100%">
                <p class="coupon-type">[购物商城]哈尔滨旗航店</p>
                <p class="coupon-sum"><span>￥15</span>[满99可用]</p>
                <p class="coupon-deal">2017. 09. 11-2017. 09. 18</p>
                <img class="seal-img" width="70" src="images/lose-efficacy.png" alt="">
            </div>
        </div>
    </div>
</div>


<!--页脚 footer-->
<template data-src="../public/layout/footer.html"></template>
<!--页脚 footer end-->
<script type="text/javascript" src="../public/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../public/js/common.js"></script>
<script src="../public/js/bootstrap.js"></script>
<script src="js/userCenter.js"></script>
<script type="text/javascript" src="../public/js/template.js"></script>

<script>
    foo.onload = function (w, l) {
        console.log('可以在此处回调，w指window，l指loadJs')
    };
    foo.start();


</script>


</body>
</html>